<template>
    
      <div class="item">
         <div class="infor">
             <span>Lucy</span>
             <span>
                 <img src="../images/mainTwo/collecttopic/star.png">
                 <a>765</a>
             </span>
         </div>
         <img src="../images/mainTwo/collecttopic/未标题-1.png" >
      </div>
       
   
</template>
<script>


export default {
  name :"collectTopicItem",
  components:{
    
  },
  data() {
    return {
      
    }
  }
}
</script>

<style lang='less' scoped>
@pub_main_bgcolor :#ff406f;
    .item{
         margin-left: 34/75rem;
        
        .infor{
            font-size: 36/75rem;
            color: #808080;
            span:last-child{
                float: right;
                margin-right: 40/75rem;
                img{
                    display: inline-block;
                }
            }
            span:first-child{
                display: inline-block;
            text-indent: 80/75rem;
              background: url("../images/mainTwo/collecttopic/tx.png") left center no-repeat;
            }
            margin: 20/75rem 0 10/75rem;
        }
    }
    
    
</style>

